<template>
  <BasicModal v-bind="$attrs" title="计划详情"  :width="1300"  :minHeight="20"   :showOkBtn="false">
           <div class="ant-table-content">
            <table style="width: 1000px; min-width: 100%; table-layout: fixed;text-align:center;">
                <thead class="ant-table-thead">
                <tr>
                    <th class="ant-table-cell ant-table-cell-ellipsis" style="width:200px;">
                        <span>工单编号</span>
                    </th>
                    <th class="ant-table-cell ant-table-cell-ellipsis" style="width:200px;">
                        <span>产品名称</span>
                    </th>
                    <th class="ant-table-cell ant-table-cell-ellipsis" style="width:200px;">
                        <span>工序号</span>
                    </th>
                    <th class="ant-table-cell ant-table-cell-ellipsis" style="width:100px;">
                        <span>生产数量</span>
                    </th>
                    <th class="ant-table-cell ant-table-cell-ellipsis" style="width:150px;">
                        <span>计划日程</span>
                    </th>
                    <th class="ant-table-cell ant-table-cell-ellipsis" style="width:200px;">
                        <span>计划开工</span>
                    </th>
                    <th class="ant-table-cell ant-table-cell-ellipsis" style="width:200px;">
                        <span>计划完工</span>
                    </th>
                </tr>
                </thead>
            <tbody class="ant-table-tbody">
            <tr>
                <td class="ant-table-cell ant-table-cell-ellipsis">
                    {{tableList.orderNumber}}
                </td>
                <td class="ant-table-cell ant-table-cell-ellipsis">
                    {{tableList.productName}}
                </td>
                <td class="ant-table-cell ant-table-cell-ellipsis">
                    {{tableList.productCode}}
                </td>
                <td class="ant-table-cell ant-table-cell-ellipsis">
                    {{tableList.quantity}}
                </td>
                <td class="ant-table-cell ant-table-cell-ellipsis">
                    {{tableList.schedulingTime}}
                </td>
                <td class="ant-table-cell ant-table-cell-ellipsis">
                    {{tableList.startTime}}
                </td>
                <td class="ant-table-cell ant-table-cell-ellipsis">
                    {{tableList.endTime}}
                </td>
            </tr>
            </tbody>
        </table>
        </div>
  </BasicModal>
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import { BasicModal } from '/@/components/Modal';
import { defHttp } from '/@/utils/http/axios';
  export default defineComponent({
    components: { BasicModal },
props:{
  planid: {
      type: String,
    },  
},
setup() {
    return {
    };
},
data() {
    return { 
        tableList:{} 
    }
  },
    watch: {
      planid:
       {
        handler(newValue,oldValue){
            defHttp.get({ url: '/ps/psProductionArrangementPlansDayDetalis/queryById', params: { id: newValue } }).then((res) => {
				if (res!=null) {									
					this.tableList = res; 
                    console.log("this===");
                    console.log(this.tableList);
				}
			})
        },deep:true  
      }
    }
})
</script>
<style scoped lang="scss">
@import '/@/components/gantt-v/css/gant-v.scss';

.jeecg-modal-content > .scroll-container{
  padding:4px;
}
.ant-table-tbody > tr > td {
    border: 1px solid #ccc;
}

.ant-table-thead > tr > th {
    border: 1px solid #ccc;
		text-align: center;
    font-weight: 600;
}

.gantt-grab-no{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.contextmenu__item {
	display: block;
	line-height: 34px;
	text-align: center;
}

.contextmenu__item:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.menu {
	position: absolute;
	background-color: #fff;
	width: 100px;
	/*height: 106px;*/
	font-size: 12px;
	color: #444040;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	white-space: nowrap;
	z-index: 1000;
}

.contextmenu__item:hover {
	cursor: pointer;
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff;
}
</style>



